@bold       : bold;
@index-width: 45px;
@width-20   : 20%;
@width-25   : 25%;
@width-95   : 95%;
@width-100  : 100%;

@flex: {
  display    : flex;
  align-items: center;
}

.ant-divider-horizontal {
  margin: 15px 0;
}

.ant-divider {
  top: -0.1em;
}

.hdover-lineTitle {
  line-height: 34px;
  display    : inline-block;
}

.hdover-bold {
  font-weight: @bold;
  padding    : 8px 0;
  line-height: 24px;
}

.hdover-index-width {
  width: @index-width;
}

.hdover-width-textarea {
  width: 95%;
}

.hdover-width-20 {
  width: @width-20;
}

.hdover-width-xx {
  width: 40%;
}

.hdover-hover {
  cursor: pointer;
}

.hdover-addList {
  cursor       : pointer;
  float        : right;
  height       : 24px;
  margin-bottom: 5px;
  padding      : 0 8px;
}

.hdover-addList2 {
  cursor       : pointer;
  height       : 24px;
  margin-bottom: 5px;
  padding      : 0 8px;
}

.hdover-flex {
  @flex();
}

.center {
  text-align: center;
}

.hdover-textarea-group {
  @flex();
  justify-content: space-around;
  padding        : 3px 1px;
}

.hdover-title {
  text-align : center;
  font-weight: bold;
  font-size  : 20px;
  margin     : 10px auto;
}

.hdover-date {
  position: absolute;
  right   : 20px;
  top     : 10px;
  z-index : 2;
}

.hdover-allsave {
  width        : 100%;
  background   : #fff;
  text-align   : center;
  position     : fixed;
  padding      : 10px 0;
  bottom       : 0;
  z-index      : 9;
  border-radius: 4px 4px 0 0;
  border       : 1px solid #d9d9d9;
  border-bottom: 0;
}

// .hdover-del {
// float : right;
// margin: 10px 20px 0 0;
// }

.hdover-list {
  padding: 5px 0;
}

.flex {
  display: flex;
}

.m10 {
  margin: 10px auto;
}

.mb60 {
  margin-bottom: 60px;
}

.hidden-scroll {
  overflow-y: hidden;
}

.table-textarea {
  border          : none;
  background-color: transparent;
  overflow        : hidden;
  word-break      : break-all;
}

.pre {
  display   : block;
  visibility: hidden;
}

.expandingArea {
  position: relative;
}

.handInputWidth {
  width : 75%;
  border: 1px solid #40a9ff;
}